<template>
  <div class="sole-play style-music-cpns">
    <title-header name="独家放送"> </title-header>
    <list-item
      v-for="(item, index) in soleList"
      :key="index"
      :item="item"
      v-bind="configObj"
    >
      <template #musictop>
        <div></div>
      </template>
    </list-item>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import TitleHeader from '@/base-ui/header'
import ListItem from '@/base-ui/card-item'

export default defineComponent({
  components: {
    TitleHeader,
    ListItem
  },
  props: {
    soleList: {
      type: Array as any,
      default: () => []
    }
  },
  setup() {
    const configObj = {
      wth: '28%',
      mvType: true,
      imgUrl: 'sPicUrl'
    }
    return {
      configObj
    }
  }
})
</script>

<style scoped></style>
